import React, { Component } from 'react'
// import qs from 'querystring'
const DetailData = [
  {id: '01', content: '你好，中国'},
  {id: '02', content: '你好，尚硅谷'},
  {id: '03', content: '你好，未来的自己'}
]

export default class Detail extends Component {
  render() {
    // 接收params 参数
    console.log(this.props)
    // const {id, title} = this.props.match.params

    // 接收search参数
    // const {search} = this.props.location
    //  const {id, title} = qs.parse(search.slice(1))

    // 接收state参数
    const {id, title} = this.props.location.state || {}
    const findResult = DetailData.find((detailObj) => {
      return detailObj.id === id
    }) || {}
    return (
      <ul>
        <li>ID： {id}</li>
        <li>TITLE： {title}</li>
        <li>CONTENT: {findResult.content}</li>
      </ul>
    )
  }
}
